.Achievememt {
	width: 100%;

	.header {
		width: 100%;
		position: fixed;
		top: 0;

		.sumReward {
			box-sizing: border-box;
			background-color: #F5F6F8;
			padding: 4px 12px 4px;

			&_Text {
				color: #1a1a1a;
				font-weight: 550;
			}

			&_num {
				padding: 0 0 0 6px;
			}
		}

		// er级导航
		.secondaryNav {
			width: 100%;
			box-sizing: border-box;
			background-color: #F5F6F8;
			padding: 12px;

			&_childs:first-child {
				width: 80%;
			}

			&_childs:last-child {
				width: 60px;
				font-size: 16px;
			}

			&_childs {
				font-size: 15px;

				.tabItem {
					color: #7E7E9A;
					text-align: center;
					border-radius: 8rpx;
					border: 1px solid #7E7E9A;
					padding: 3px 12px;
					margin-right: 12px;
				}

				.active {
					color: #fff;
					background-color: #0056FF;
					border: none;
					border-radius: 8rpx;
					padding: 3px 12px;
					margin-right: 12px;
				}
			}
		}

		// 一级导航
		.firstLevelNav {
			background-color: #fff;
			box-shadow: 4px 4px 10px #e6e6e6;

			.fristNavActive {
				position: relative;
			}

			.fristNavActive::after {
				content: '';
				width: 20px;
				height: 3px;
				border-radius: 12px;
				background-color: #0056FF;
				position: absolute;
				left: 166rpx;
				bottom: 8rpx;
			}

			.fristNavActive,
			.fristNav {
				width: 50%;
				color: #7E7E9A;
				font-size: 16px;
				text-align: center;
				padding: 12px 0;
			}

			.fristNavActive {
				color: #0056FF !important;
			}
		}
	}

	&_detailList {
		padding: 12px;
		margin-top: 120px;

		.null {
			height: 70vh;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.detailBox {
			align-items: center;
			justify-content: space-between;
			background-color: #fff;
			border-radius: 6px;
			border-bottom: 2rpx solid #F5F6F8;
			padding: 12px;
			margin-bottom: 12px;


			.detail-items {
				width: 100%;
				margin-top: 12px;

				.h4 {
					color: #7E7E9A;
					font-weight: 500;
					margin-right: 6px;
				}

				.productID {
					font-size: 30rpx;
				}
			}

			.detail-title {
				justify-content: space-between;
				width: 100%;
				font-size: 18px;
				border-bottom: 1px solid #f6f5fa;
				padding-bottom: 12px;

				.enterprise_type {
					color: #0056FF;
					border-radius: 4px;
					border: 1px solid #c1cfff;
					padding: 2px 6px;
					margin-right: 6px;
				}

				.level {
					justify-content: center;
					color: #fff;
					font-size: 14px;
					background-color: #2b72fb;
					border-radius: 4rpx;
					padding: 4rpx 12rpx;
					margin-left: 12rpx;
				}
			}

			&_right {
				width: 100%;
				color: #7E7E9A;
				justify-content: space-around;
				align-items: center;
				margin-top: 20rpx;

				.money {
					width: 35%;
					text-align: center;
					font-size: 32rpx;
					display: flex;
					justify-content: center;
				}

				.time {
					width: 35%;
					font-size: 32rpx;
					display: flex;
					justify-content: center;
				}
			}

			&_left {
				width: 100%;
				justify-content: space-between;
				align-items: flex-start;

				.name {
					font-weight: 550;
				}

				.productID {
					display: flex;
					flex-direction: row;
					align-items: center;
					width: 62%;
					font-size: 16px;
				}
			}
		}
	}

	.popupBox_Body {
		width: 90.5%;
		height: 54vh;
		padding: 0 20px;

		.monthList {
			flex-wrap: wrap;
			width: 100%;

			// .monthChild:nth-last-child(1),
			// .monthChild:nth-last-child(2){
			// 	margin-bottom: 0;
			// }

			.active {
				justify-content: center;
				width: 22%;
				color: #0056ff;
				background-color: #e6efff;
				padding: 20rpx 0;
				margin-bottom: 30rpx;
				margin-right: 10px;
			}

			.monthChild:nth-child(4n) {
				margin-right: 0;
			}

			.monthChild {
				justify-content: center;
				width: 22%;
				color: #1a1a1a;
				background-color: #f6f6f6;
				padding: 20rpx 0;
				margin-bottom: 30rpx;
				margin-right: 10px;
			}
		}

		.inputCSS {
			width: 50%;
			background-color: #f6f6f6;
			padding: 20rpx;
		}

		.itemTitle {
			font-size: 32rpx;
			padding: 20rpx 0;
		}
	}

	.footBox {
		width: 100%;
		border-top: 1px solid #F5F6F8;

		.reset,
		.finish {
			justify-content: center;
			width: 50%;
			font-size: 34rpx;
			padding: 20rpx 0;
		}

		.finish {
			color: #fff;
			background-color: #0056FF;
		}
	}
}